<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://47.106.66.89:8080/js/vue.min.js"></script>
    <script src="http://47.106.66.89:8080/js/axios.min.js"></script>
    <link  href="http://47.106.66.89:8080/js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
    <script src="http://47.106.66.89:8080/js/ele-2.15.7/index.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <script src="js/txx.js" ></script>
    <style>
        .input-centered {
            display: block;
            margin-left: auto;
            margin-right: auto;

        }
    </style>
</head>
<body>
<div id="app">
    <my-header></my-header>
    <main class="c900 el-card" style="align-items: stretch; width: 300px; padding: 30px 50px">

        <el-input class="input-centered" v-model="input" size="small" style="width: 200px" placeholder="请您的账号"></el-input>
        <br>
        <br>
        <br>
        <el-row>

            <el-button class="input-centered" type="primary" @click="next">确定</el-button>

        </el-row>
    </main>
</div>
<script>
    var v = new Vue({
        el: "#app",
        data: {
            input: '',

        },
        methods: {
            next(){
                console.log(this.input);
                if(this.input.trim() != '') {
                    console.log(this.input);
                    window.location.href = `/email.html?uname=${this.input}`;
                }else{
                    this.$alert('请先输入您的账号')
                }
            }
        }
    })
</script>
</body>
</html>